<template>
	<view class="content">
		<navbar :parameter='parameter' :logoUrl="logoUrl" :cityName="cityName"></navbar>
		<image src="/static/images/index-back.png" class="index-back" mode="widthFix"></image>
		<view class="index" :style="{'padding-top':navHeight+'rpx'}">
			<view style="padding:0 30rpx">
				<view class='index-bg' v-if="imgUrls.length">
					<swiper autoplay="true" @change="swiperChange">
						<block v-for="(item,index) in imgUrls" :key="index">
							<swiper-item>
								<navigator :url='item.url' class='slide-navigator acea-row row-between-wrapper'
									hover-class='none'>
									<image :src="imageUrl+item.image" class="slide-image" />
								</navigator>
							</swiper-item>
						</block>
					</swiper>
					<view class="dots">
						<block v-for="(item,index) in imgUrls" :key="index">
							<view class="dot" :class="index == currentIndex ? ' active' : ''"></view>
						</block>
					</view>
				</view>
				<view class="index-num acea-row">
					<view class="num-item">
						<view class="num">{{numList.pzs_num}}</view>
						<view>专业陪诊师 </view>
					</view>
					<view class="num-item">
						<view class="num">{{numList.fw_num}}</view>
						<view>累计服务人次</view>
					</view>
					<view class="num-item">
						<view class="num">{{numList.hp_rate}}</view>
						<view>服务好评率</view>
					</view>
				</view>
				<view class='index-news acea-row row-between-wrapper' v-if="itemNew.length">
					<view class='pictrue'>
						<image src='/static/images/news.png' mode="widthFix"></image>
					</view>
					<view class='swiperTxt'>
						<swiper interval="2500" autoplay vertical="true" circular="true">
							<block v-for="(item,index) in itemNew" :key="index">
								<swiper-item catchtouchmove='catchTouchMove'>
									<view class='acea-row row-between-wrapper' hover-class='none'>
										<view class='newsTitle line1'>{{item}}</view>
									</view>
								</swiper-item>
							</block>
						</swiper>
					</view>
				</view>
			</view>
			
			<view style="padding:0 30rpx">
				<view class="index-list">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z1.png" mode=""></image>
							<view class="title">陪诊及代办服务</view>
						</view>
						<view @click="toPage2(1)">更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list1" :key="index">
							<view @click="toPage2(1)" class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
				
				<view class="index-list">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z7.png" mode=""></image>
							<view class="title">陪护服务</view>
						</view>
						<view @click="toPage2(2)">更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list1" :key="index">
							<view @click="toPage2(2)" class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
				
				<view class="index-list" @click="gopage(1)">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z2.png" mode=""></image>
							<view class="title">健康咨询</view>
						</view>
						<view>更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list1" :key="index">
							<view class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
				
				<view class="index-list" @click="gopage(2)">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z3.png" mode=""></image>
							<view class="title">手术意外险服务</view>
						</view>
						<view>更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list1" :key="index">
							<view class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
				
				<!-- <view class="index-list">
					<view class="title-line  acea-row row-between row-bottom">
						<view class="title">代办服务</view>
					</view>
					<view class="list2 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list2" :key="index">
							<view @click="toPage(item)" class="item acea-row row-center-wrapper">
								<image :src="imageUrl+item.head_image"></image>
								<view class="cont-box">
									<view class="tit">{{item.name}}</view>
									<view class="cont">{{item.info}}</view>
								</view>
							</view>
						</block>
					</view>
					<view class="ad-swiper">
						<swiper autoplay="true" @change="adSwiperChange">
							<block v-for="(item,index) in adimgUrls" :key="index">
								<swiper-item>
									<navigator :url='item.url' class='slide-navigator acea-row row-between-wrapper'
										hover-class='none'>
										<image :src="imageUrl+item.image" mode="widthFix" class="slide-image" />
									</navigator>
								</swiper-item>
							</block>
						</swiper>
						<view class="dots">
							<block v-for="(item,index) in adimgUrls" :key="index">
								<view class="dot" :class="index == adCurrentIndex ? ' active' : ''"></view>
							</block>
						</view>
					</view>
				</view> -->
				<!-- <view class="index-list">
					<view class="title-line  acea-row row-between row-bottom">
						<view class="title">康养体检</view>
						<navigator :url="'/pages/index/institution_list?type='+1">更多 <text
								class="iconfont icon-icon_xiangyou"></text></navigator>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list3" :key="index">
							<navigator :url="'/pages/index/institution_list?type='+1"
								class="item acea-row row-center-wrapper">{{item.name}}</navigator>
						</block>
					</view>
				</view> -->
				<view class="title-line acea-row row-between">
					<view style="display: flex;align-items: center;">
						<image class="image" src="../../static/images/z4.png" mode=""></image>
						<view class="title">专项检查服务</view>
					</view>
					<view @click="toInspectionListSpage">更多 <text class="iconfont icon-icon_xiangyou"></text></view>
				</view>
				<view class="list2 acea-row row-between-wrapper">
					<block v-for="(item,index) in index_list4" :key="index">
						<navigator :url="'/pages/index/institution_list?type='+2+'&id='+item.id"
							class="item acea-row row-center-wrapper">
							<view class="cont-box">
								<view class="tit line1">{{item.name}}</view>
								<view class="cont">{{item.info}}</view>
							</view>
						</navigator>
					</block>
				</view>
				<!-- <view class="index-list">
					<view class="title-line  acea-row row-between row-bottom">
						<view class="title">陪护服务</view>
					</view>
					<view class="list3 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list5" :key="index">
							<view @click="toPage(item)" class="item acea-row row-center-wrapper">
								<image :src="imageUrl+item.head_image" mode="widthFix"></image>
								<view class="cont-box">
									<view class="tit">{{item.name}}</view>
									<view class="cont">{{item.info}}</view>
								</view>
							</view>
						</block>
					</view>
				</view> -->

				<view class="index-list" @click="topage3()">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z5.png" mode=""></image>
							<view class="title">临床患者招募服务</view>
						</view>
						<view>更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list6" :key="index">
							<view class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
				<view class="index-list" @click="topage4()">
					<view class="title-line acea-row row-between">
						<view style="display: flex;align-items: center;">
							<image class="image" src="../../static/images/z6.png" mode=""></image>
							<view class="title">辅生绿通服务</view>
						</view>
						<view>更多 <text class="iconfont icon-icon_xiangyou"></text></view>
					</view>
					<view class="list1 acea-row row-between-wrapper">
						<block v-for="(item,index) in index_list7" :key="index">
							<view class="item acea-row row-center-wrapper">
								{{item.name}}
							</view>
						</block>
					</view>
				</view>
			</view>

			<view class="bottom-list acea-row row-between-wrapper">
				<navigator url="/pages/user/attendant" class="item acea-row row-center-wrapper">
					<image src="/static/images/list2-3.png" mode="widthFix"></image>
					<view class="cont-box">
						<view class="tit">我要做陪诊员</view>
						<view class="cont">成为陪诊员</view>
					</view>
				</navigator>
				<button open-type="share" class="item acea-row row-center-wrapper">
					<image src="/static/images/list2-4.png" mode="widthFix"></image>
					<view class="cont-box">
						<view class="tit">我要分享给朋友</view>
						<view class="cont">帮助更多人</view>
					</view>
				</button>
			</view>
		</view>
		<u-popup :show="partner_show" @close="partner_close" :round="10" mode="center">
			<view class="partner-box">
				<text>你所在的城市尚未开通，点击申请城市合伙人。</text>
				<navigator url="/pages/user/partner_form" class="btn">点击申请</navigator>
			</view>
		</u-popup>
		<u-popup :show="receiveCoupon_show" @close="receiveCoupon_close" :round="10" mode="center">
			<view class="coupon-box">
				<view class="title">恭喜您获得</view>
				<view class="acea-row row-middle row-left">
					<view class="coupon-item acea-row">
						<view class="num-box">
							<view class="num"> ￥<text>10</text> </view>
							<view class="">满10.1元可用 </view>
						</view>
						<view class="cont-box">
							<view class="tit">新人优惠券</view>
							<view class="acea-row row-between-wrapper">
								<view class="time">2022-07-18~2022-07-18</view>
							</view>
						</view>
					</view>
					<view class="number"> x2 </view>
				</view>
				<view class="btn" @click="receiveCoupon">点击领取</view>
			</view>
		</u-popup>
		<contact></contact>
		<!-- 提示 -->
		<u-toast ref="uToast"></u-toast>
		<locations @onLoadFun='onLoadlocations'></locations>
	</view>
</template>

<script>
	let app = getApp();
	import locations from "@/components/locations/locations.vue"
	export default {
		components: {
			locations,
		},
		data() {
			return {
				parameter: {
					'navbar': '0',
					'return': '0',
					'color': true,
					'class': 'transparent'
				},
				imageUrl: this.imageUrl,
				cityName: app.globalData.city,
				logoUrl: '/static/images/logo.png',
				currentIndex: 0,
				imgUrls: [],
				navHeight: app.globalData.navHeight,
				isLocal: 0,
				numList: [{
					num: '180万+',
					cont: '专业陪诊师'
				}, {
					num: '500万+',
					cont: '累计服务人次'
				}, {
					num: '99.8%',
					cont: '服务好评率'
				}],
				itemNew: [],
				index_list1: [],
				index_list2: [],
				adCurrentIndex: 0,
				adimgUrls: [],
				index_list3: [],
				index_list4: [
					// {name: 'PET CT检查',
					// 	info: '科技守护检查',
					// 	background_image:'https://dsby.hearoommed.com/template/list4_1.png'
					// },
					// {
					// 	name: '无痛肠胃镜检查',
					// 	info: '关爱生命 呵护健康',
					// 	background_image:'https://dsby.hearoommed.com/template/list4_2.png'
					// },
					// {
					// 	name: '核磁共振检查',
					// 	info: '一起守护健康',
					// 	background_image:'https://dsby.hearoommed.com/template/list4_3.png'
					// },
					// {
					// 	name: '基因检测筛查',
					// 	info: '关爱生命 呵护健康',
					// 	background_image:'https://dsby.hearoommed.com/template/list4_4.png'
					// }
				],
				index_list5: [],
				index_list6: [], //临床招募服务
				index_list7: [], //辅生绿通
				// isShow:false,
				partner_show: false,
				receiveCoupon_show: false,
			}
		},
		onLoad(option) {
			// uni.setStorageSync('openid','oLKkm48F8Qevt_L5zNzwGonhF6X0')
			// 轮播图
			this.getSwipers();
			// 数字
			this.getConfigInfo();
			// 广告位
			this.advertisement();
			// 体检机构
			// this.institutionList();

			// 陪诊服务
			this.hospitalList();
			// 待办服务
			// this.service_list2();
			// 陪护服务列表
			// this.service_list3();
			// 专项检查（要根据城市查询，不传城市不给看）
			// this.inspectionLists();
			// 临床招募服务
			this.service_list4();
			// 辅生绿通
			this.service_list5();
			// 首页实时订单轮播
			this.orderNotice();
			// 是否是新人
			// this.checkReceiveCoupon();

			var invite_code = decodeURIComponent(option.scene);
			let index = invite_code.indexOf("=");
			let result = invite_code.substr(index + 1, invite_code.length);
			if (option.scene) {
				uni.setStorageSync('invite_code', result)
			}
		},
		onShow() {
			if (app.globalData.city) {
				this.areaToId(this.cityName);
			}
		},
		//监听屏幕滚动 判断上下滚动  
		onPageScroll: function(e) {
			if (e.scrollTop > 20) {
				this.parameter.class = 'on'
			} else {
				this.parameter.class = 'transparent'
			}
		},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function() {

		},
		onShareTimeline(res) { //分享到朋友圈

		},
		methods: {
			// 检查用户当前所选城市是否开通了城市合伙人
			async checkPartner(area) {
				const res = await this.$myRequest({
					url: '/api/index/checkPartner', //把接口传过去
					data: {
						area: app.globalData.area_id
					}
				})
				console.log('checkPartner', res);
				if (res.data.data.can_apply == 1 && app.globalData.partner_isshow) {
					this.partner_show = true;//暂时隐藏
				}
			},
			async orderNotice(area) {
				const res = await this.$myRequest({
					url: '/api/index/orderNotice', //把接口传过去

				})
				this.itemNew = res.data.data
			},
			async getSwipers() {
				const res = await this.$myRequest({
					url: '/api/index/banner', //把接口传过去
				})
				this.imgUrls = res.data.data
			},
			async advertisement() {
				const res = await this.$myRequest({
					url: '/api/index/advertisement',
				})
				this.adimgUrls = res.data.data
			},
			// 体检
			async institutionList(id) {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/institution/lists',
					data: {
						limit: 8,
						area: id,
					}
				})
				this.index_list3 = res.data.data
			},
			// 专项检查
			async inspectionLists(id) {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/product/inspectionLists',
					data: {
						limit: 4,
						area: id,
					}
				})
				this.index_list4 = res.data.data
			},
			toInspectionListSpage() {
				uni.navigateTo({
					url: "/pages/index/special_inspection/list?area=" + app.globalData.area_id
				})
				// uni.navigateTo({
				// 	url: "/pages/index/special_inspection/allList?area=" + app.globalData.area_id
				// })
			},
			// 医院
			async hospitalList(id) {
				const res = await this.$myRequest({
					url: '/api/hospital/lists',
					data: {
						page: 1,
						limit: 6,
						area: id,
						type_id: '',
						search: '',
					}
				})
				this.index_list1 = res.data.data
			},
			async service_list2() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/service/lists',
					data: {
						status: 2,
						limit: 4
					}
				})
				this.index_list2 = res.data.data
			},
			async service_list3() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/service/lists',
					data: {
						status: 3,
						limit: 2
					}
				})
				this.index_list5 = res.data.data
			},
			async service_list4() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/index/lcsy_home',
					data: {}
				})
				this.index_list6 = res.data.data
			},
			async service_list5() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/index/fslt_home',
					data: {}
				})
				this.index_list7 = res.data.data
			},
			async areaToId(city) {
				const res = await this.$myRequest({
					url: '/api/index/areaToId',
					data: {
						area: city,
					}
				})
				app.globalData.area_id = res.data.data;
				this.hospitalList(res.data.data)
				// 当前城市是否有合伙人
				// this.checkPartner(res.data.data)
				// 体检
				// this.institutionList(res.data.data)
				// 专项检查
				this.inspectionLists(res.data.data);
			},
			async getConfigInfo(city) {
				const res = await this.$myRequest({
					url: '/api/index/getConfigInfo',
					data: {

					}
				})
				console.log(res);
				this.numList = res.data.data;
			},
			show() {
				this.isShow = true
			},
			swiperChange: function(e) {
				this.currentIndex = e.detail.current
			},
			adSwiperChange: function(e) {
				this.adCurrentIndex = e.detail.current

			},
			onLoadlocations(e) {
				this.cityName = app.globalData.city;
				this.areaToId(this.cityName);
			},
			gopage(num){
				uni.navigateTo({
					url:'/pages/index/hospital_list?type='+num
				})
			},
			toPage(item) {
				uni.setStorageSync('url', item.url)
				uni.setStorageSync('service_id', item.id)
				uni.setStorageSync('price', item.price)
				uni.navigateTo({
					url: '/pages/index/hospital_list'
				})
			},
			toPage2(num) {
				uni.setStorageSync('url', '/pages/index/information_form')
				uni.setStorageSync('service_id', '')
				uni.setStorageSync('identity', num)
				uni.setStorageSync('price', 0)
				uni.navigateTo({
					url: '/pages/index/hospital_list'
				})
			},
			topage3() {
				uni.navigateTo({
					url: '/bundle/pages/clinical/clinical'
				})
			},
			topage4() {
				uni.navigateTo({
					url: '/bundle/pages/birth/birth'
				})
			},
			partner_close() {
				this.partner_show = false;
				app.globalData.partner_isshow = false
			},
			// 检查是否领取过新人优惠券
			async check() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/user/checkReceiveCoupon',
					data: {
						openid: uni.getStorageSync('openid')
					}
				})
				if (res.data.status == 200) {
					this.receiveCoupon_show = true;//暂时隐藏
				}
			},
			checkReceiveCoupon() {
				var openid = uni.getStorageSync('openid')
				if (openid) {
					this.check()
				}
			},
			// 领取优惠券
			async receiveCoupon() {
				var that = this;
				const res = await this.$myRequest({
					url: '/api/user/receiveCoupon',
					data: {
						openid: uni.getStorageSync('openid')
					}
				})
				if (res.data.status == 200) {
					this.$refs.uToast.show({
						type: 'success',
						message: '领取成功',
						complete() {
							that.receiveCoupon_show = false;
						}
					})
				}
			},
			receiveCoupon_close() {
				this.receiveCoupon_show = false;
			}
		}
	}
</script>


<style>
	page {
		background-color: #EFF6FE;
	}
</style>
<style lang="scss" scoped>
	.content {
		background-color: #EFF6FE;
	}

	.index-back {
		position: absolute;
		width: 70%;
		left: 0;
		top: 0;
	}

	.index {
		position: absolute;
		width: 100%;
		padding-top: 30rpx;
		left: 0;
		top: 0;
		z-index: 2;
	}

	.index-bg {
		width: 100%;
		height: 299rpx;
		border-radius: 14rpx;
		overflow: hidden;
		position: relative;
	}

	.index-bg swiper {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.index-bg .slide-navigator {
		width: 100%;
		height: 100%;
	}

	.index-bg .slide-navigator .slide-image {
		width: 100%;
		height: 100%;
	}

	.index-bg .dots {
		display: flex;
		flex-direction: row;
		position: absolute;
		right: 60rpx;
		bottom: 25rpx;
	}

	.index-bg .dot {
		width: 12rpx;
		height: 12rpx;
		margin-right: 15rpx;
		background-color: #CBCFDA;
		border-radius: 50%;
	}

	.index-bg .dot:last-of-type {
		margin-right: 0;
	}

	.index-bg .active {
		background-color: #237CF6;
	}

	.index-num {
		width: 100%;
		border-radius: 14rpx;
		background-color: #fff;
		height: 154rpx;
		margin-top: 30rpx;
	}

	.index-num .num-item {
		text-align: center;
		width: 33.3%;
		height: 100%;
		padding-top: 20rpx;
		font-size: 24rpx;
		color: #A9A9A9;
		line-height: 1.8;
	}

	.index-num .num-item .num {
		color: #237CF6;
		font-size: 40rpx;
	}

	.index-news {
		height: 77rpx;
		border-top: 5rpx solid #f4f4f4;
		padding: 0 30rpx;
		background-color: #fff;
		border-radius: 14rpx;
		margin-top: 30rpx;
	}

	.index-news .pictrue {
		width: 30rpx;
		display: flex;
		align-items: center;
	}

	.index-news .pictrue image {
		width: 100%;
		height: 100%;
	}

	.index-news .swiperTxt {
		flex: 1;
		height: 100%;
		line-height: 77rpx;
		overflow: hidden;
		padding-left: 30rpx;
		font-size: 24rpx;
	}

	.index-news .swiperTxt swiper {
		height: 100%;
	}

	.title-line {
		width: 100%;
		padding: 30rpx 0;
		font-size: 24rpx;
		color: #9999A3;
		align-items: center;
	}
	.title-line .image{
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
		margin-right: 20rpx;
	}
	.title-line .title {
		font-size: 42rpx;
		background: linear-gradient(134deg, #FF8602 0%, #FF8406 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		font-family: Source Han Sans CN;
		font-weight: 500;
	}

	.list1 .item {
		width: 334rpx;
		height: 80rpx;
		border-radius: 14rpx;
		background-color: #E1EDFF;
		color: #495b7d;
		text-align: center;
		margin-bottom: 20rpx;
		font-size: 25rpx;
		padding: 10rpx;
		line-height: 1.2;
	}

	.list2 .item {
		width: 330rpx;
		height: 142rpx;
		position: relative;
		border-radius: 14rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
	}

	.list2 image {
		width: 100%;
		height: 100%;
	}

	.list2 .cont-box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 30rpx 0 0 20rpx;
		font-size: 24rpx;
		color: #6a8da5;
		line-height: 1.5;
	}

	.list2 .cont-box .tit {
		font-size: 28rpx;
		color: #000;
		font-weight: 700;
	}

	.ad-swiper {
		width: 100%;
		height: 185rpx;
		border-radius: 14rpx;
		overflow: hidden;
		position: relative;
		margin-top: 20rpx;
	}

	.ad-swiper swiper {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.ad-swiper .slide-navigator {
		width: 100%;
		height: 100%;
	}

	.ad-swiper .slide-navigator .slide-image {
		width: 100%;
		height: 100%;
	}

	.ad-swiper .dots {
		display: flex;
		flex-direction: row;
		position: absolute;
		right: 20rpx;
		bottom: 20rpx;
	}

	.ad-swiper .dot {
		width: 8rpx;
		height: 8rpx;
		margin-right: 10rpx;
		background-color: #CBCFDA;
		border-radius: 4rpx;
	}

	.ad-swiper .dot:last-of-type {
		margin-right: 0;
	}

	.ad-swiper .active {
		width: 26rpx;
	}

	.list3 .item {
		width: 330rpx;
		height: 142rpx;
		padding-left: 30rpx;
		position: relative;
		border-radius: 14rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
		background-color: #fff;
	}

	.list3 image {
		width: 50rpx;
	}

	.list3 .cont-box {
		flex: 1;
		font-size: 22rpx;
		color: #999;
		line-height: 1.5;
		padding-left: 30rpx;
	}

	.list3 .cont-box .tit {
		font-size: 28rpx;
		color: #000;
		font-weight: 700;
	}

	.bottom-list {
		background-color: #fff;
		padding: 30rpx;
		box-shadow: inset -1px -7px 35px 0px rgba(154, 185, 223, 0.18);
	}

	.bottom-list .item {
		width: 330rpx;
		position: relative;
		border-radius: 14rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
	}

	.bottom-list image {
		width: 100%;
		height: 100%;
	}

	.bottom-list .cont-box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 20rpx 0 0 20rpx;
		font-size: 24rpx;
		color: #6a8da5;
		line-height: 1.5;
		text-align: left;
	}

	.bottom-list .cont-box .tit {
		font-size: 28rpx;
		color: #000;
		font-weight: 700;
	}

	.partner-box {
		padding: 30rpx;
		width: 400rpx;
		font-size: 28rpx;

	}

	.partner-box .btn {
		width: 100%;
		height: 60rpx;
		border-radius: 10rpx;
		line-height: 60rpx;
		text-align: center;
		background-color: #347DFE;
		color: #fff;
		font-size: 28rpx;
		margin-top: 30rpx;
	}

	.coupon-box {
		padding: 30rpx;
		width: 600rpx;
		font-size: 28rpx;
	}

	.coupon-box .title {
		text-align: center;
		line-height: 2;
		font-size: 40rpx;
		color: #347DFE;
		padding-bottom: 20rpx;
	}

	.coupon-item {
		width: 87%;
		box-shadow: 7.217px 8.302px 24.94px 4.06px rgba(68, 133, 218, 0.08);
		background-color: #fff;
		padding: 16rpx;
		border-radius: 10rpx;
	}

	.coupon-item .num-box {
		width: 160rpx;
		height: 130rpx;
		border-radius: 10rpx;
		color: #fff;
		background: linear-gradient(90deg, #347DFE, #86B0FA);
		text-align: center;
		font-size: 24rpx;
		padding-top: 20rpx;
	}

	.coupon-item .num-box .num {
		padding-bottom: 10rpx;
		line-height: 1;
	}

	.coupon-item .num-box .num text {
		font-size: 40rpx;
	}

	.coupon-item .cont-box {
		padding-left: 20rpx;
		flex: 1;
		font-size: 22rpx;
		color: #bababa;
		position: relative;
		padding-top: 10rpx;
	}


	.coupon-item .cont-box .tit {
		font-size: 32rpx;
		color: #000;
		font-weight: 700;
		padding-bottom: 20rpx;
	}

	.coupon-box .number {
		text-align: center;
		flex: 1;
		font-size: 42rpx;
		font-weight: 700;
		color: #000;
	}

	.coupon-box .btn {
		width: 100%;
		height: 70rpx;
		border-radius: 10rpx;
		line-height: 70rpx;
		text-align: center;
		background-color: #347DFE;
		color: #fff;
		font-size: 28rpx;
		margin-top: 30rpx;
	}


	@media screen and (max-width: 380px) {
		.list1 .item {
			font-size: 24rpx;
		}
	}
</style>
